www.gusucode.com > 蓝色网络公司模板 网络建站工作室网站源码(demo71) > 蓝色网络公司模板 网络建站工作室网站源码(demo71)/www2/templets/css/layout.css
@charset "utf-8"; /* CSS Document */ body { background-color:#fafafa; font-size:14px; color:#333; font-family:"微软雅黑", Arial, Helvetica, sans-serif; line-height:18px; } input,textarea,select,option{ font-size:12px; font-family:"微软雅黑", Arial, Helvetica, sans-serif; color:#333;} a:link, a:visited { color:#333; text-decoration:none; } a:hover, a:active { color:#0074ad; } .wrapper { width:1000px; margin-left:auto; margin-right:auto; } .top, .menu, .footer, .footer-bottom { min-width:1000px; width:100% !important; } .white{ color:#fff; } .yellow{ color:#f8f259; } .blue{ color:#0074ad; } .red{ color:#F00; } /*top*/ .top { background:url(../images/top_bg.jpg) top repeat-x #fefefe; height:84px; } .top .wrapper { position:relative; } .top .logo { margin-top:8px; } .top .top-mess { background:url(../images/top_mess_img.jpg) no-repeat; width:243px; height:65px; position:absolute; right:0; top:8px; } /*menu*/ .menu { background:url(../images/menu_bg.jpg) top repeat-x; height:45px; line-height:45px; font-size:14px; } .menu li { float:left; width:100px; height:45px; text-align:center; } .menu a:link, .menu a:visited { display:block; background:url(../images/menu_line.jpg) right center no-repeat; } #index .menu li.home,#index .menu li.home a:link,#index .menu li.home a:visited,.menu li.current a:link, .menu li.current a:visited, .menu a:hover, .menu a:active { color:#fff; font-weight:bold; background:url(../images/menu_hover_bg.jpg) center center no-repeat; } /*banner*/ .banner { background:url(../images/banner_bg.jpg); } .banner .wrapper { background:url(../images/banner_img.jpg); position:relative; height:328px; overflow:hidden; line-height:normal; } .banner .wrapper ul li{ width:1000px; height:308px; position:absolute; left:1000px; top:50px; opacity:0; filter:alpha(opacity:0); } .banner .wrapper ol{ position:absolute; bottom:20px; right:0; } .banner .wrapper ol li{ float:left; margin-left:10px; width:14px; height:14px; font-size:12px; color:#fff; text-align:center; line-height:15px; cursor:pointer; background-color:#8adaff; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .banner .wrapper ol li.current{ background-color:#0074ad; } .banner-btn{ width:140px; height:40px; background:url(../images/banner-btn-bg.jpg) top repeat-x #0074ad;} .banner-btn a:link,.banner-btn a:visited{ display:block; padding-left:20px; line-height:40px; font-size:16px; font-weight:bold; background:url(../images/banner-btn-icon.png) 100px center no-repeat; color:#fff; } .banner-btn img{ vertical-align:middle; } .banner .other-banner.wrapper{ background:url(../images/banner_img2.jpg); height:200px; } /*main*/ .main { } .main-content { float:left; width:730px; } .main-title { height:40px; clear:both; } .service-box li { width:220px; height:160px; float:left; margin-bottom:20px; text-align:center; cursor:pointer; text-align:center; } .service-box li a:link, .service-box li a:visited { padding-top:30px; height:130px; display:block; background:url(../images/service_icon_bg.jpg) center top no-repeat; } .service-box li a:hover, .service-box li a:active { background-position:center -160px; font-weight:bold; } .service-box li a:hover img, .service-box li a:active img { width:70px; } .service-box span { display:block; font-size:18px; margin-top:10px; } .success-box li { float:left; width:210px; border:5px solid #e8e8e8; } .main-side { width:240px; float:right; } .tailor-made { background:url(../images/tailor-made_bg.jpg) top center; height:330px; padding-top:80px; width:210px; padding-left:5px; padding-right:25px; } .tailor-made li { height:80px; white-space:nowrap; } .tailor-made li img { vertical-align:middle; margin-right:10px; } .tailor-made li a:link, .tailor-made li a:visited { display:block; height:44px; line-height:44px; font-size:18px; padding:18px 20px 18px 60px; background:url(../images/t_made_bg.jpg) 10px top no-repeat; } .tailor-made li a:hover, .tailor-made li a:active { background-position:10px -80px; font-weight:bold; padding:20px 20px 16px 60px; } .news-side li { font-size:12px; height:28px; line-height:28px; _height:18px;/*IE6*/ _padding:5px 0; #height:18px;/*IE7*/ #padding:5px 0; overflow:hidden; } .other-title{ background:url(../images/title_line.jpg) center repeat-x; position:relative; height:40px; line-height:40px; } .other-title span.cn{ font-size:18px; font-weight:bold; padding-right:10px; display:inline-block; background-color:#fafafa; } .other-title span.en{ font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; color:#666; display:inline-block; background-color:#fafafa; padding-right:10px; } /*news*/ .main-news .news-list { font-size:12px; float:left; width:306px; } .news-list dt { font-size:16px; font-weight:bold; margin-bottom:10px; height:30px; line-height:30px; } .news-list dd,.main-news-list li{ height:36px; line-height:36px; border-bottom:1px dashed #ccc; overflow:hidden; _height:18px;/*IE6*/ _padding:9px 0; #height:18px;/*IE7*/ #padding:9px 0; } .news-list dd img, .news-list dt img, .news-side li img,.main-news-list li img { vertical-align:middle; margin-right:10px; display:inline-block; } dl.s-list{ border-bottom:1px dashed #ccc; line-height:22px; padding-bottom:20px; } dl.s-list dt{ } dl.s-list dd{ width:700px; } .success-list li{ float:left; margin-right:35px; margin-bottom:20px; border-bottom:1px solid #ccc; } .success-list li img{ width:200px; height:110px; padding:3px; border:1px dashed #ccc; } .success-list li span{ font-size:12px; display:block; margin-top:5px; margin-bottom:5px; } .contact-list li{ padding:5px 0; } .contact-list li span{ display:inline-block; width:10%; text-align:right; font-weight:bold; } /*footer*/ .footer a:link,.footer a:visited,.footer-bottom a:link,.footer-bottom a:visited{ color:#fff; } .footer { background:url(../images/footer_bg.jpg); color:#bbb; font-size:12px; position:relative; clear:both; border-bottom:1px solid #121212; } .footer-top { background:url(../images/footer_top_bg.jpg) top repeat-x; height:10px; position:absolute; width:100%; top:0; left:0; } .footer-contact { float:left; width:680px; position:relative; } .footer-contact .map { position:absolute; top:60px; right:0; border:4px solid #444; } .footer-contact .footer-contact-mess li { padding:6px 0; } .footer-contact .footer-contact-mess li span { text-align:right; display:inline-block; width:60px; color:#fff; } .footer-feedback { width:280px; float:right; } .footer-feedback ul li { margin-bottom:10px; } .footer-feedback ul li textarea { height:100px; width:100%; } .footer-feedback ul li input[type='text'] { width:100%; } .footer-btn{ height:26px; line-height:26px; padding:0 8px; background:url(../images/btn_bg.jpg) repeat-x; color:#fff; font-size:12px; font-weight:bold; cursor:pointer; border:none; } .footer-bottom { color:#bbb; font-size:12px; clear:both; border-top:1px solid #2a2a2a; background-color:#000; padding:10px 0; text-align:center; } .caselist{ width:243px; height:192px; float:left; } .caselist dt,.caselist dd{ width:208px; margin:0 auto;} .caselist dt img{border:4px #e0e0e0 solid;} .caselist dd{ line-height:30px;} .caselist dd span{ float:right;} .caselist dd span a{color:#993300;} .page_list { clear: both; height: 30px; line-height: 30px; padding-top: 25px; text-align: center; width: auto; list-style: none outside none; } .page_list li { border: 1px solid #9FA0A0; border-radius: 2px; color: #FF6600 !important; display: inline; margin: 2px; padding: 3px 6px; list-style-type: none; }